<template>
  <div>
    <h1>{{title}}</h1>
    <p>{{autor}}</p>
    <p v-for= '(value,key) of paragraph'>{{value}}</v-for></p>
  </div>
</template>

<script>
export default {
  name: 'VuecliDemoApp',

  data() {
    return {
      title:"《虞美人·春花秋月何时了》",
      autor:"李煜",
      paragraph:{
        li1:"春花秋月何时了？",
        li2:"往事知多少。",
        li3:"小楼昨夜又东风，",
        li4:"故国不堪回首月明中。",
        li5:"雕栏玉砌应犹在，",
        li6:"只是朱颜改。",
        li7:"问君能有几多愁？",
        li8:"恰似一江春水向东流。",
      }
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>
